

<form nz-form #validateForm="ngForm" (ngSubmit)="submitForm()" nzLayout="horizontal" autocomplete="off">
    <!-- 模态框头部 -->
    <div class="modal-header">
        <div class="modal-title">
            <i class="anticon anticon-medicine-box mr-sm"></i>
            <span *ngIf="entity.id">{{l('Edit')}}</span>
            <span *ngIf="!entity.id">{{l('Create')}}</span>
        </div>
    </div>
    <!-- 模态框内容 -->
    <fieldset>
        <!-- 提示信息 -->
        <!-- <nz-alert nzType="info" nzCloseable [nzShowIcon]="true" nzMessage="l('我想提示点什么内容给你说')"></nz-alert> -->
            <nz-form-item nz-row>
                    <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="saleDate">{{l('SaleDate')}}</nz-form-label>
                <nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
                            <nz-time-picker name="saleDate" #saleDate="ngModel"
                                            [(ngModel)]="entity.saleDate" ></nz-time-picker>


                </nz-form-control>
            </nz-form-item>
            <nz-form-item nz-row>
                    <nz-form-label nz-col [nzSm]="6" [nzXs]="24" nzRequired nzFor="startTime">{{l('StartTime')}}</nz-form-label>
                <nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
                            <nz-time-picker name="startTime" #startTime="ngModel"
                                            [(ngModel)]="entity.startTime"  required ></nz-time-picker>

                            <!-- 校验 -->
                            <nz-form-explain *ngIf="startTime.control.dirty&&startTime.control.errors">
                                                                <ng-container *ngIf="startTime.control.hasError('required')">{{l('CanNotNull')}}</ng-container>
                            </nz-form-explain>

                </nz-form-control>
            </nz-form-item>
            <nz-form-item nz-row>
                    <nz-form-label nz-col [nzSm]="6" [nzXs]="24" nzRequired nzFor="endTime">{{l('EndTime')}}</nz-form-label>
                <nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
                            <nz-time-picker name="endTime" #endTime="ngModel"
                                            [(ngModel)]="entity.endTime"  required ></nz-time-picker>

                            <!-- 校验 -->
                            <nz-form-explain *ngIf="endTime.control.dirty&&endTime.control.errors">
                                                                <ng-container *ngIf="endTime.control.hasError('required')">{{l('CanNotNull')}}</ng-container>
                            </nz-form-explain>

                </nz-form-control>
            </nz-form-item>
            <nz-form-item nz-row>
                    <nz-form-label nz-col [nzSm]="6" [nzXs]="24" nzRequired nzFor="seatQuantity">{{l('SeatQuantity')}}</nz-form-label>
                <nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
                            <input nz-input name="seatQuantity" #seatQuantity="ngModel"
                                   [(ngModel)]="entity.seatQuantity"
                                   [placeholder]="l('SeatQuantity')"  required >

                            <!-- 校验 -->
                            <nz-form-explain *ngIf="seatQuantity.control.dirty&&seatQuantity.control.errors">
                                                                <ng-container *ngIf="seatQuantity.control.hasError('required')">{{l('CanNotNull')}}</ng-container>
                            </nz-form-explain>

                </nz-form-control>
            </nz-form-item>
            <nz-form-item nz-row>
                    <nz-form-label nz-col [nzSm]="6" [nzXs]="24" nzRequired nzFor="surplusQuantity">{{l('SurplusQuantity')}}</nz-form-label>
                <nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
                            <input nz-input name="surplusQuantity" #surplusQuantity="ngModel"
                                   [(ngModel)]="entity.surplusQuantity"
                                   [placeholder]="l('SurplusQuantity')"  required >

                            <!-- 校验 -->
                            <nz-form-explain *ngIf="surplusQuantity.control.dirty&&surplusQuantity.control.errors">
                                                                <ng-container *ngIf="surplusQuantity.control.hasError('required')">{{l('CanNotNull')}}</ng-container>
                            </nz-form-explain>

                </nz-form-control>
            </nz-form-item>
            <nz-form-item nz-row>
                    <nz-form-label nz-col [nzSm]="6" [nzXs]="24" nzRequired nzFor="scheduleStatus">{{l('ScheduleStatus')}}</nz-form-label>
                <nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
                            <input nz-input name="scheduleStatus" #scheduleStatus="ngModel"
                                   [(ngModel)]="entity.scheduleStatus"
                                   [placeholder]="l('ScheduleStatus')"  required >

                            <!-- 校验 -->
                            <nz-form-explain *ngIf="scheduleStatus.control.dirty&&scheduleStatus.control.errors">
                                                                <ng-container *ngIf="scheduleStatus.control.hasError('required')">{{l('CanNotNull')}}</ng-container>
                            </nz-form-explain>

                </nz-form-control>
            </nz-form-item>
            <nz-form-item nz-row>
                    <nz-form-label nz-col [nzSm]="6" [nzXs]="24" nzRequired nzFor="auditStatus">{{l('AuditStatus')}}</nz-form-label>
                <nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
                            <input nz-input name="auditStatus" #auditStatus="ngModel"
                                   [(ngModel)]="entity.auditStatus"
                                   [placeholder]="l('AuditStatus')"  required >

                            <!-- 校验 -->
                            <nz-form-explain *ngIf="auditStatus.control.dirty&&auditStatus.control.errors">
                                                                <ng-container *ngIf="auditStatus.control.hasError('required')">{{l('CanNotNull')}}</ng-container>
                            </nz-form-explain>

                </nz-form-control>
            </nz-form-item>
            <nz-form-item nz-row>
                    <nz-form-label nz-col [nzSm]="6" [nzXs]="24" nzRequired nzFor="routeId">{{l('RouteId')}}</nz-form-label>
                <nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
                            <input nz-input name="routeId" #routeId="ngModel"
                                   [(ngModel)]="entity.routeId"
                                   [placeholder]="l('RouteId')"  required >

                            <!-- 校验 -->
                            <nz-form-explain *ngIf="routeId.control.dirty&&routeId.control.errors">
                                                                <ng-container *ngIf="routeId.control.hasError('required')">{{l('CanNotNull')}}</ng-container>
                            </nz-form-explain>

                </nz-form-control>
            </nz-form-item>
            <nz-form-item nz-row>
                    <nz-form-label nz-col [nzSm]="6" [nzXs]="24" nzRequired nzFor="boatId">{{l('BoatId')}}</nz-form-label>
                <nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
                            <input nz-input name="boatId" #boatId="ngModel"
                                   [(ngModel)]="entity.boatId"
                                   [placeholder]="l('BoatId')"  required >

                            <!-- 校验 -->
                            <nz-form-explain *ngIf="boatId.control.dirty&&boatId.control.errors">
                                                                <ng-container *ngIf="boatId.control.hasError('required')">{{l('CanNotNull')}}</ng-container>
                            </nz-form-explain>

                </nz-form-control>
            </nz-form-item>
            <nz-form-item nz-row>
                    <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="checkStartTime">{{l('CheckStartTime')}}</nz-form-label>
                <nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
                            <nz-time-picker name="checkStartTime" #checkStartTime="ngModel"
                                            [(ngModel)]="entity.checkStartTime" ></nz-time-picker>


                </nz-form-control>
            </nz-form-item>
            <nz-form-item nz-row>
                    <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="checkEndTime">{{l('CheckEndTime')}}</nz-form-label>
                <nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
                            <nz-time-picker name="checkEndTime" #checkEndTime="ngModel"
                                            [(ngModel)]="entity.checkEndTime" ></nz-time-picker>


                </nz-form-control>
            </nz-form-item>

    </fieldset>
    <!-- 模态框底部 -->
    <div class="modal-footer">
        <button nz-button [nzType]="'default'" type="button" (click)="close()" [disabled]="saving">
            <i class="anticon anticon-close-circle-o"></i> {{l("Cancel")}}
        </button>
        <button nz-button [nzType]="'primary'" type="submit" [disabled]="!validateForm.form.valid|| saving" [nzLoading]="saving">
            <i class="anticon anticon-save" *ngIf="!saving"></i> {{l("Save")}}
        </button>
    </div>
</form>





